<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="not-ie" lang="en"> <!--<![endif]-->
<head>
	<!-- Basic Meta Tags -->
  <meta charset="utf-8">
  <title>RILEY - template by entiri</title>
	<meta name="description" content="RILEY - Responsive HTML Template by entiri">
	<meta name="keywords" content="riley, entiri, theme, template, store, eshop, shop, unique, multipurpose, sliders, corporate, clean, modern, bootstrap, creative, design">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--[if (gte IE 9)|!(IE)]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <![endif]--> 

  <!-- Favicon -->
  <link href="img/favicon.png" rel="icon" type="image/png">

  <!-- Bootstrap -->
  <link href="css/bootstrap.css" rel="stylesheet">
  
  <!-- Styles -->
  <link href="css/styles.css" rel="stylesheet" id="color-style"> 

  <!-- LayerSlider Styles -->
  <link href="layerslider/css/layerslider.css" rel="stylesheet">

  <!-- Revolution CSS -->
  <link href="rs-plugin/css/settings.css" rel="stylesheet" media="screen">

  <!-- Flexslider CSS -->
  <link href="css/flexslider.css" rel="stylesheet">

  <!-- Refine Slider -->
  <link href="css/refineslide.css" rel="stylesheet">  
                           
  <!-- Magnific Popup -->
  <link href="css/magnific-popup.css" rel="stylesheet"> 

  <!-- Animate -->    
  <link href="css/animate.css" rel="stylesheet">

  <!-- Font Awesome Style -->
  <link href="css/font-awesome.min.css" rel="stylesheet">
  
  <!-- Entypo Icons -->    
  <link href="css/entypo.css" rel="stylesheet">

  <!-- Web Fonts -->
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800' rel='stylesheet' type='text/css'>
  
	<!-- Internet Explorer condition - HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->   

	<script src="js/modernizr.js"></script>
</head>       
<body>

  <!-- Header -->
  <header> 
  
    <!-- Top Bar -->
    <div class="top-bar"> 
      <div class="container"> 
      
        <div class="row">
          <div class="col-md-4 col-sm-4">
            <p>
              Online:<i class="fa fa-phone"></i>+566 21 33 32
            </p>
          </div> 
          <div class="col-md-8 col-sm-8">
            <ul>
              <li><a href="#">Help</a></li>
              <li><a href="#">Chat</a></li>
              <li><a href="#">Manual</a></li>
              <li><a href="#">Support</a></li>
            </ul>
          </div> 
        </div>  

      </div>   
    </div> 
    <!-- Top Bar End -->
    
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="top-container t-bar">
            <!-- Logo -->                       
      			<a href="index.html" class="logo" title="Home"><img src="img/logo.png " alt=""></a>                     
  
            <!-- Top Items --> 
            <ul class="top-items">
              <li><i class="fa fa-lightbulb-o"></i>Hotline: +321 088 670</li>
              <li class="red"><i class="fa fa-envelope-o"></i><a href="mailto:info@yoursite.com" class="red">info@yoursite.com</a></li>
            </ul>
            <!-- Top Items End --> 
          </div>
        </div> 
      </div> 
    </div> 

    <!-- Nav -->
    <nav class="navbar" role="navigation">
      <div class="navbar-inner">
        <div class="container">     
          <!-- Menu -->
          <ul class="nav navbar-nav" id="nav">
            <li class="selected"><a href="index.html" title="">Home</a>
              <!-- Submenu -->
  						<ul>
                <li><a href="index-2.html" title="">Home 2 - Parallax</a></li>
                <li><a href="index-3.html" title="">Home 3 - Refine Slider</a></li>
                <li><a href="index-4.html" title="">Home 4 - Flex Slider</a></li>
                <li><a href="index-5.html" title="">Home 5 - Video</a></li>
                <li><a href="index-6.html" title="">Home 6 - Top Bar</a></li>
                <li><a href="index-7.html" title="">Home 7 - Footer 2</a></li>
                <li><a href="index-8.html" title="">Home 8 - Shop</a></li>
                <li><a href="index-9.html" title="">Home 9 - Shop 2</a></li>
                <li class="selected"><a href="index-10.html" title="">Home 10 - Revolution Slider</a></li>
  						</ul>
              <!-- Submenu End -->
            </li>
            <li><a href="services.html" title="">Services</a></li> 
            <li><a href="about.html" title="">About</a></li> 
            <li><a href="projects.html" title="">Projects</a> 
              <!-- Submenu -->
  						<ul>
                <li><a href="projects-2.html" title="">2 Columns</a></li>
                <li><a href="projects-3.html" title="">3 Columns</a></li>
                <li><a href="projects-4.html" title="">2 Columns Boxed</a></li>
                <li><a href="projects-5.html" title="">3 Columns Boxed</a></li>
                <li><a href="projects-6.html" title="">4 Columns Boxed</a></li>
                <li><a href="projects-7.html" title="">3 Columns Full Width</a></li>
                <li><a href="projects-8.html" title="">4 Columns Full Width</a></li>
                <li><a href="projects-9.html" title="">6 Columns Full Width</a></li>
                <li><a href="project-detail.html" title="">Project Detail</a></li> 
  						</ul>
              <!-- Submenu End -->
            </li>
            <li><a href="blog.html" title="">Blog</a>
              <!-- Submenu -->
  						<ul>
                <li><a href="blog-full.html" title="">Blog Full Width</a></li> 
                <li><a href="blog-detail.html" title="">Blog Detail</a></li> 
  						</ul>
              <!-- Submenu End -->
            </li>
            <li><a href="components.html" title="">Features</a>
              <!-- Submenu -->
  						<ul>
                <li><a href="components.html" title="">Components</a></li>
                <li><a href="entypo.html" title="">Entypo Icons</a></li>
                <li><a href="icons.html" title="">Awesome Icons</a></li>
                <li><a href="pricing.html" title="">Pricing Tables</a></li>
                <li><a href="grid.html" title="">Grid System</a></li>
                <li><a href="#" title="">2nd Submenu</a>
                  <!-- Submenu 2nd -->
      						<ul>
                    <li><a href="#" title="">Item 001</a></li> 
                    <li><a href="#" title="">Item 002</a></li> 
                    <li><a href="#" title="">Item 003</a></li> 
                    <li class="selected"><a href="#" title="">Item 004 - Active</a></li> 
      						</ul>
                  <!-- Submenu 2nd End -->
                </li>
  						</ul>
              <!-- Submenu End -->
            </li> 
            <li><a href="contact.html" title="">Contact</a>
  						<ul>
                <li><a href="contact-2.html" title="">Contact 2</a></li> 
                <li><a href="contact-3.html" title="">Contact 3</a></li> 
  						</ul>
            </li> 
          </ul>
          <!-- Menu End -->       
           
          <!-- Social Top --> 
          <div class="social-top social-6">
            <a href="#"><i class="fa fa-dribbble"></i></a>
            <a href="#"><i class="fa fa-dropbox"></i></a>
            <a href="#"><i class="fa fa-facebook"></i></a>
            <a href="#"><i class="fa fa-flickr"></i></a>
            <a href="#"><i class="fa fa-linkedin"></i></a>
          </div>  
          <!-- Social Top End -->  
          
        </div> 
      </div>  
    </nav>
    <!-- Nav End -->

    <!-- Slider Revolution -->    
  	<div class="tp-banner-container">
  		<div class="tp-banner" >
  			<ul>	<!-- SLIDE  -->
  				<li data-transition="fade" data-slotamount="7" data-masterspeed="1500" >
  					<!-- MAIN IMAGE -->
  					<img src="img/rs-images/slidebg1.jpg"  alt="slidebg1"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
  					<!-- LAYERS -->
  
  					<!-- LAYER NR. 1 -->
  					<div class="tp-caption lightgrey_divider skewfromrightshort customout"
  						data-x="85"
  						data-y="224"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="1200"
  						data-easing="Power4.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 2">
  					</div>
  
  					<!-- LAYER NR. 2 -->
  					<div class="tp-caption customin customout"
  						data-x="center" data-hoffset="100"
  						data-y="bottom" data-voffset="0"
  						data-customin="x:50;y:150;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.5;scaleY:0.5;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="800"
  						data-start="700"
  						data-easing="Power4.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						style="z-index: 3"><img src="img/rs-images/woman.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 3 -->
  					<div class="tp-caption large_bold_grey skewfromrightshort customout"
  						data-x="80"
  						data-y="96"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="800"
  						data-easing="Back.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 4">Faster
  					</div>
  
  					<!-- LAYER NR. 4 -->
  					<div class="tp-caption medium_thin_grey skewfromleftshort customout"
  						data-x="285"
  						data-y="122"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="900"
  						data-easing="Back.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 5">&
  					</div>
  
  					<!-- LAYER NR. 5 -->
  					<div class="tp-caption medium_thin_grey skewfromrightshort customout"
  						data-x="80"
  						data-y="175"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="300"
  						data-start="1000"
  						data-easing="Back.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 6">More
  					</div>
  
  					<!-- LAYER NR. 6 -->
  					<div class="tp-caption large_bold_grey skewfromleftshort customout"
  						data-x="175"
  						data-y="152"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="300"
  						data-start="1100"
  						data-easing="Back.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 7">Powerful
  					</div>
  
  					<!-- LAYER NR. 7 -->
  					<div class="tp-caption small_thin_grey customin customout"
  						data-x="80"
  						data-y="240"
  						data-customin="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:3;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:0% 0%;"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="1300"
  						data-easing="Power4.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 8">Slider Revolution is the highly acclaimed<br/> slide-based displaying solution, thousands of<br/> businesses, theme developers and everyday<br/> people use and love!
  					</div>
  
  					<!-- LAYER NR. 8 -->
  					<div class="tp-caption skewfromrightshort customout"
  						data-x="816"
  						data-y="207"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="1750"
  						data-easing="Back.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 9"><img src="img/rs-images/graph.png" alt="" data-ww="52" data-hh="44">
  					</div>
  
  					<!-- LAYER NR. 9 -->
  					<div class="tp-caption large_bold_darkblue skewfromleftshort customout"
  						data-x="right" data-hoffset="-90"
  						data-y="60"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="1600"
  						data-easing="Back.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 10">1000's
  					</div>
  
  					<!-- LAYER NR. 10 -->
  					<div class="tp-caption medium_bg_darkblue skewfromleftshort customout"
  						data-x="right" data-hoffset="-90"
  						data-y="125"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="1650"
  						data-easing="Back.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 11">Of Happy Users
  					</div>
  
  					<!-- LAYER NR. 11 -->
  					<div class="tp-caption medium_bold_red skewfromrightshort customout"
  						data-x="right" data-hoffset="-90"
  						data-y="200"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="1800"
  						data-easing="Back.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 12">Rekord Breaking
  					</div>
  
  					<!-- LAYER NR. 12 -->
  					<div class="tp-caption medium_light_red skewfromrightshort customout"
  						data-x="right" data-hoffset="-90"
  						data-y="center" data-voffset="-10"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="1850"
  						data-easing="Back.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 13">Sales on CodeCanyon
  					</div>
  
  					<!-- LAYER NR. 13 -->
  					<div class="tp-caption medium_bg_red skewfromrightshort customout"
  						data-x="right" data-hoffset="-90"
  						data-y="bottom" data-voffset="-200"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="1900"
  						data-easing="Back.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 14">A Professional Solution
  					</div>
  
  					<!-- LAYER NR. 14 -->
  					<div class="tp-caption medium_bold_orange skewfromleftshort customout"
  						data-x="right" data-hoffset="-90"
  						data-y="340"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="2000"
  						data-easing="Back.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 15">4.7<span style="font-weight:300;">/5 Stars</span>
  					</div>
  
  					<!-- LAYER NR. 15 -->
  					<div class="tp-caption customin customout"
  						data-x="right" data-hoffset="-90"
  						data-y="bottom" data-voffset="-103"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="1000"
  						data-start="2050"
  						data-easing="Power4.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 16"><img src="img/rs-images/star.png" alt="" data-ww="20" data-hh="20">
  					</div>
  
  					<!-- LAYER NR. 16 -->
  					<div class="tp-caption customin customout"
  						data-x="right" data-hoffset="-115"
  						data-y="bottom" data-voffset="-103"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="1000"
  						data-start="2100"
  						data-easing="Power4.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 17"><img src="img/rs-images/star.png" alt="" data-ww="20" data-hh="20">
  					</div>
  
  					<!-- LAYER NR. 17 -->
  					<div class="tp-caption customin customout"
  						data-x="right" data-hoffset="-140"
  						data-y="bottom" data-voffset="-103"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="1000"
  						data-start="2150"
  						data-easing="Power4.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 18"><img src="img/rs-images/star.png" alt="" data-ww="20" data-hh="20">
  					</div>
  
  					<!-- LAYER NR. 18 -->
  					<div class="tp-caption customin customout"
  						data-x="right" data-hoffset="-165"
  						data-y="bottom" data-voffset="-103"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="1000"
  						data-start="2200"
  						data-easing="Power4.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 19"><img src="img/rs-images/star.png" alt="" data-ww="20" data-hh="20">
  					</div>
  
  					<!-- LAYER NR. 19 -->
  					<div class="tp-caption customin customout"
  						data-x="right" data-hoffset="-190"
  						data-y="bottom" data-voffset="-103"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="1000"
  						data-start="2250"
  						data-easing="Power4.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 20"><img src="img/rs-images/star.png" alt="" data-ww="20" data-hh="20">
  					</div>
  
  					<!-- LAYER NR. 20 -->
  					<div class="tp-caption medium_bg_orange skewfromleftshort customout"
  						data-x="right" data-hoffset="-90"
  						data-y="bottom" data-voffset="-50"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="2300"
  						data-easing="Back.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 21">Customer Rating
  					</div>
  				</li>
  				<!-- SLIDE  -->
  				<li data-transition="zoomout" data-slotamount="7" data-masterspeed="1000" >
  					<!-- MAIN IMAGE -->
  					<img src="img/rs-images/darkblurbg.jpg"  alt="darkblurbg"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
  					<!-- LAYERS -->
  
  					<!-- LAYER NR. 1 -->
  					<div class="tp-caption customin"
  						data-x="474"
  						data-y="189"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="800"
  						data-easing="Power3.easeInOut"
  						data-endspeed="300"
  						style="z-index: 2"><img src="img/rs-images/macbook2.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 2 -->
  					<div class="tp-caption customin"
  						data-x="245"
  						data-y="92"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="500"
  						data-easing="Power3.easeInOut"
  						data-endspeed="300"
  						style="z-index: 3"><img src="img/rs-images/imac1.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 3 -->
  					<div class="tp-caption customin"
  						data-x="693"
  						data-y="69"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="1300"
  						data-easing="Power3.easeInOut"
  						data-endspeed="300"
  						style="z-index: 4"><img src="img/rs-images/lupe_macbook.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 4 -->
  					<div class="tp-caption customin"
  						data-x="100"
  						data-y="171"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="1400"
  						data-easing="Power3.easeInOut"
  						data-endspeed="300"
  						style="z-index: 5"><img src="img/rs-images/lupe_imac.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 5 -->
  					<div class="tp-caption medium_bg_asbestos skewfromleft customout"
  						data-x="104"
  						data-y="154"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="800"
  						data-start="1500"
  						data-easing="Power4.easeOut"
  						data-endspeed="300"
  						data-endeasing="Power1.easeIn"
  						data-captionhidden="on"
  						style="z-index: 6">Caption Selection
  					</div>
  
  					<!-- LAYER NR. 6 -->
  					<div class="tp-caption medium_bg_red skewfromright customout"
  						data-x="820"
  						data-y="274"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="800"
  						data-start="1700"
  						data-easing="Power4.easeOut"
  						data-endspeed="300"
  						data-endeasing="Power1.easeIn"
  						data-captionhidden="on"
  						style="z-index: 7">Custom Animation Editor
  					</div>
  
  					<!-- LAYER NR. 7 -->
  					<div class="tp-caption medium_bg_orange skewfromright customout"
  						data-x="820"
  						data-y="314"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="800"
  						data-start="1800"
  						data-easing="Power4.easeOut"
  						data-endspeed="300"
  						data-endeasing="Power1.easeIn"
  						data-captionhidden="on"
  						style="z-index: 8">With Live Preview
  					</div>
  
  					<!-- LAYER NR. 8 -->
  					<div class="tp-caption medium_bg_darkblue skewfromleft customout"
  						data-x="168"
  						data-y="193"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="800"
  						data-start="1600"
  						data-easing="Power4.easeOut"
  						data-endspeed="300"
  						data-endeasing="Power1.easeIn"
  						data-captionhidden="on"
  						style="z-index: 9">With Style Preview
  					</div>
  
  					<!-- LAYER NR. 9 -->
  					<div class="tp-caption large_bold_white customin customout"
  						data-x="428"
  						data-y="34"
  						data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="600"
  						data-start="1100"
  						data-easing="Back.easeOut"
  						data-endspeed="300"
  						data-endeasing="Power1.easeIn"
  						style="z-index: 10">Big
  					</div>
  
  					<!-- LAYER NR. 10 -->
  					<div class="tp-caption medium_light_white customin customout"
  						data-x="536"
  						data-y="51"
  						data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="600"
  						data-start="1200"
  						data-easing="Back.easeOut"
  						data-endspeed="300"
  						data-endeasing="Power1.easeIn"
  						style="z-index: 11">Improvements
  					</div>
  				</li>
  				<!-- SLIDE  -->
  				<li data-transition="slidedown" data-slotamount="7" data-masterspeed="1000" >
  					<!-- MAIN IMAGE -->
  					<img src="img/rs-images/transparent.png" style='background-color:#b2c4cc' alt=""  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
  					<!-- LAYERS -->
  
  					<!-- LAYER NR. 1 -->
  					<div class="tp-caption customin skewtoleft"
  						data-x="877"
  						data-y="54"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="600"
  						data-start="1500"
  						data-easing="Back.easeOut"
  						data-endspeed="400"
  						data-endeasing="Back.easeIn"
  						style="z-index: 2"><img src="img/rs-images/cloud2.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 2 -->
  					<div class="tp-caption customin skewtoleft"
  						data-x="84"
  						data-y="80"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="600"
  						data-start="1300"
  						data-easing="Back.easeOut"
  						data-endspeed="400"
  						data-endeasing="Back.easeIn"
  						style="z-index: 3"><img src="img/rs-images/cloud3.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 3 -->
  					<div class="tp-caption customin skewtoleft"
  						data-x="473"
  						data-y="123"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="600"
  						data-start="1700"
  						data-easing="Back.easeOut"
  						data-endspeed="400"
  						data-endeasing="Back.easeIn"
  						style="z-index: 4"><img src="img/rs-images/cloud1.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 4 -->
  					<div class="tp-caption sfb ltl"
  						data-x="639"
  						data-y="346"
  						data-speed="600"
  						data-start="1200"
  						data-easing="Back.easeOut"
  						data-endspeed="400"
  						data-endeasing="Back.easeIn"
  						data-captionhidden="on"
  						style="z-index: 5"><img src="img/rs-images/hill3.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 5 -->
  					<div class="tp-caption sfb ltl"
  						data-x="228"
  						data-y="360"
  						data-speed="600"
  						data-start="1100"
  						data-easing="Back.easeOut"
  						data-endspeed="400"
  						data-endeasing="Back.easeIn"
  						data-captionhidden="on"
  						style="z-index: 6"><img src="img/rs-images/hill4.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 6 -->
  					<div class="tp-caption grassfloor lfb ltb"
  						data-x="center" data-hoffset="0"
  						data-y="bottom" data-voffset="50"
  						data-speed="600"
  						data-start="500"
  						data-easing="Back.easeOut"
  						data-endspeed="600"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 7">
  					</div>
  
  					<!-- LAYER NR. 7 -->
  					<div class="tp-caption sfb ltl"
  						data-x="142"
  						data-y="375"
  						data-speed="600"
  						data-start="800"
  						data-easing="Back.easeOut"
  						data-endspeed="400"
  						data-endeasing="Back.easeIn"
  						data-captionhidden="on"
  						style="z-index: 8"><img src="img/rs-images/hill2.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 8 -->
  					<div class="tp-caption sfb ltl"
  						data-x="496"
  						data-y="367"
  						data-speed="600"
  						data-start="900"
  						data-easing="Back.easeOut"
  						data-endspeed="400"
  						data-endeasing="Back.easeIn"
  						data-captionhidden="on"
  						style="z-index: 9"><img src="img/rs-images/hill1.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 9 -->
  					<div class="tp-caption sfb ltl"
  						data-x="918"
  						data-y="379"
  						data-speed="600"
  						data-start="1000"
  						data-easing="Back.easeOut"
  						data-endspeed="400"
  						data-endeasing="Back.easeIn"
  						data-captionhidden="on"
  						style="z-index: 10"><img src="img/rs-images/hill2.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 10 -->
  					<div class="tp-caption lfb skewtoleft"
  						data-x="122"
  						data-y="133"
  						data-speed="2000"
  						data-start="1300"
  						data-easing="Power4.easeOut"
  						data-endspeed="400"
  						data-endeasing="Power1.easeIn"
  						style="z-index: 11"><img src="img/rs-images/guy1.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 11 -->
  					<div class="tp-caption lfb skewtoleft"
  						data-x="318"
  						data-y="91"
  						data-speed="2000"
  						data-start="1400"
  						data-easing="Power4.easeOut"
  						data-endspeed="400"
  						data-endeasing="Power1.easeIn"
  						style="z-index: 12"><img src="img/rs-images/guy2.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 12 -->
  					<div class="tp-caption customin ltl"
  						data-x="769"
  						data-y="177"
  						data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
  						data-speed="1000"
  						data-start="2000"
  						data-easing="Back.easeInOut"
  						data-endspeed="400"
  						data-endeasing="Back.easeIn"
  						style="z-index: 13"><img src="img/rs-images/icon_photo.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 13 -->
  					<div class="tp-caption large_bold_white customin ltl"
  						data-x="596"
  						data-y="101"
  						data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
  						data-speed="1000"
  						data-start="1850"
  						data-easing="Back.easeInOut"
  						data-endspeed="400"
  						data-endeasing="Back.easeIn"
  						style="z-index: 14">Design
  					</div>
  
  					<!-- LAYER NR. 14 -->
  					<div class="tp-caption medium_light_white customin ltl"
  						data-x="813"
  						data-y="124"
  						data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
  						data-speed="1000"
  						data-start="1900"
  						data-easing="Back.easeInOut"
  						data-endspeed="400"
  						data-endeasing="Back.easeIn"
  						style="z-index: 15">&
  					</div>
  
  					<!-- LAYER NR. 15 -->
  					<div class="tp-caption large_bold_white customin ltl"
  						data-x="845"
  						data-y="102"
  						data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
  						data-speed="1000"
  						data-start="1950"
  						data-easing="Back.easeInOut"
  						data-endspeed="400"
  						data-endeasing="Back.easeIn"
  						style="z-index: 16">Create
  					</div>
  
  					<!-- LAYER NR. 16 -->
  					<div class="tp-caption mediumlarge_light_white customin ltl"
  						data-x="652"
  						data-y="282"
  						data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
  						data-speed="1000"
  						data-start="2050"
  						data-easing="Back.easeInOut"
  						data-endspeed="400"
  						data-endeasing="Back.easeIn"
  						style="z-index: 17">With Total Layer Control
  					</div>
  				</li>
  				<!-- SLIDE  -->
  				<li data-transition="slideleft" data-slotamount="7" data-masterspeed="2000" >
  					<!-- MAIN IMAGE -->
  					<img src="img/rs-images/transparent.png" style='background-color:#b2c4cc' alt=""  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
  					<!-- LAYERS -->
  
  					<!-- LAYER NR. 1 -->
  					<div class="tp-caption lfr"
  						data-x="889"
  						data-y="118"
  						data-speed="600"
  						data-start="1000"
  						data-easing="Back.easeOut"
  						data-endspeed="300"
  						style="z-index: 2"><img src="img/rs-images/cloud2.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 2 -->
  					<div class="tp-caption lfr"
  						data-x="339"
  						data-y="67"
  						data-speed="600"
  						data-start="1100"
  						data-easing="Back.easeOut"
  						data-endspeed="300"
  						style="z-index: 3"><img src="img/rs-images/cloud3.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 3 -->
  					<div class="tp-caption lfr"
  						data-x="12"
  						data-y="181"
  						data-speed="600"
  						data-start="1200"
  						data-easing="Back.easeOut"
  						data-endspeed="300"
  						style="z-index: 4"><img src="img/rs-images/cloud1.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 4 -->
  					<div class="tp-caption lfr"
  						data-x="120"
  						data-y="352"
  						data-speed="600"
  						data-start="900"
  						data-easing="Back.easeOut"
  						data-endspeed="300"
  						data-captionhidden="on"
  						style="z-index: 5"><img src="img/rs-images/hill3.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 5 -->
  					<div class="tp-caption lfr"
  						data-x="696"
  						data-y="377"
  						data-speed="600"
  						data-start="800"
  						data-easing="Back.easeOut"
  						data-endspeed="300"
  						data-captionhidden="on"
  						style="z-index: 6"><img src="img/rs-images/hill4.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 6 -->
  					<div class="tp-caption grassfloor lfb ltr"
  						data-x="center" data-hoffset="0"
  						data-y="bottom" data-voffset="50"
  						data-speed="600"
  						data-start="0"
  						data-easing="Power4.easeOut"
  						data-endspeed="600"
  						data-endeasing="Power4.easeIn"
  						data-captionhidden="on"
  						style="z-index: 7">
  					</div>
  
  					<!-- LAYER NR. 7 -->
  					<div class="tp-caption lfr"
  						data-x="464"
  						data-y="382"
  						data-speed="600"
  						data-start="500"
  						data-easing="Back.easeOut"
  						data-endspeed="300"
  						data-captionhidden="on"
  						style="z-index: 8"><img src="img/rs-images/hill2.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 8 -->
  					<div class="tp-caption lfr"
  						data-x="-59"
  						data-y="366"
  						data-speed="600"
  						data-start="600"
  						data-easing="Back.easeOut"
  						data-endspeed="300"
  						data-captionhidden="on"
  						style="z-index: 9"><img src="img/rs-images/hill1.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 9 -->
  					<div class="tp-caption lfr"
  						data-x="857"
  						data-y="386"
  						data-speed="600"
  						data-start="700"
  						data-easing="Back.easeOut"
  						data-endspeed="300"
  						data-captionhidden="on"
  						style="z-index: 10"><img src="img/rs-images/hill2.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 10 -->
  					<div class="tp-caption large_bold_white customin customout"
  						data-x="center" data-hoffset="0"
  						data-y="80"
  						data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="1000"
  						data-start="1700"
  						data-easing="Back.easeInOut"
  						data-endspeed="300"
  						style="z-index: 11">Timelined Captions
  					</div>
  
  					<!-- LAYER NR. 11 -->
  					<div class="tp-caption mediumlarge_light_white_center customin customout"
  						data-x="center" data-hoffset="0"
  						data-y="bottom" data-voffset="-120"
  						data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="1000"
  						data-start="1900"
  						data-easing="Back.easeInOut"
  						data-endspeed="300"
  						style="z-index: 12">Create Custom Animations<br/>
  			with our Brand-New<br/>
  			Transition Builder
  					</div>
  
  					<!-- LAYER NR. 12 -->
  					<div class="tp-caption customin"
  						data-x="110"
  						data-y="118"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="300"
  						data-start="1300"
  						data-easing="Back.easeOut"
  						data-endspeed="300"
  						data-captionhidden="on"
  						style="z-index: 13"><img src="img/rs-images/tree.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 13 -->
  					<div class="tp-caption customin customout"
  						data-x="center" data-hoffset="0"
  						data-y="bottom" data-voffset="-250"
  						data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="1000"
  						data-start="1800"
  						data-easing="Back.easeOut"
  						data-endspeed="300"
  						style="z-index: 14"><img src="img/rs-images/clock2.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 14 -->
  					<div class="tp-caption customin skewtoright"
  						data-x="817"
  						data-y="197"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="1000"
  						data-start="2000"
  						data-easing="Back.easeOut"
  						data-endspeed="600"
  						data-endeasing="Power4.easeIn"
  						style="z-index: 15"><img src="img/rs-images/guy3.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 15 -->
  					<div class="tp-caption customin skewtoright"
  						data-x="946"
  						data-y="155"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="1000"
  						data-start="2100"
  						data-easing="Back.easeOut"
  						data-endspeed="600"
  						data-endeasing="Power4.easeIn"
  						style="z-index: 16"><img src="img/rs-images/guy4.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 16 -->
  					<div class="tp-caption customin customout"
  						data-x="126"
  						data-y="269"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-customout="x:0;y:180;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="600"
  						data-start="1800"
  						data-easing="Back.easeOut"
  						data-end="4400"
  			data-endspeed="600"
  						data-endeasing="Bounce.easeOut"
  						data-captionhidden="on"
  						style="z-index: 17"><img src="img/rs-images/apple.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 17 -->
  					<div class="tp-caption customin customout"
  						data-x="167"
  						data-y="303"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-customout="x:0;y:180;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="600"
  						data-start="1500"
  						data-easing="Back.easeOut"
  						data-end="4100"
  			data-endspeed="600"
  						data-endeasing="Bounce.easeOut"
  						data-captionhidden="on"
  						style="z-index: 18"><img src="img/rs-images/apple.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 18 -->
  					<div class="tp-caption customin customout"
  						data-x="264"
  						data-y="304"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-customout="x:0;y:180;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="600"
  						data-start="1600"
  						data-easing="Back.easeOut"
  						data-end="4200"
  			data-endspeed="600"
  						data-endeasing="Bounce.easeOut"
  						data-captionhidden="on"
  						style="z-index: 19"><img src="img/rs-images/apple.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 19 -->
  					<div class="tp-caption customin customout"
  						data-x="296"
  						data-y="250"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-customout="x:0;y:180;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="600"
  						data-start="1700"
  						data-easing="Back.easeOut"
  						data-end="4300"
  			data-endspeed="600"
  						data-endeasing="Bounce.easeOut"
  						data-captionhidden="on"
  						style="z-index: 20"><img src="img/rs-images/apple.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 20 -->
  					<div class="tp-caption customin customout"
  						data-x="223"
  						data-y="263"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-customout="x:0;y:180;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="600"
  						data-start="1400"
  						data-easing="Back.easeOut"
  						data-end="4000"
  			data-endspeed="600"
  						data-endeasing="Bounce.easeOut"
  						data-captionhidden="on"
  						style="z-index: 21"><img src="img/rs-images/apple.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 21 -->
  					<div class="tp-caption customin customout"
  						data-x="166"
  						data-y="256"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-customout="x:0;y:180;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="600"
  						data-start="1900"
  						data-easing="Back.easeOut"
  						data-end="4500"
  			data-endspeed="600"
  						data-endeasing="Bounce.easeOut"
  						data-captionhidden="on"
  						style="z-index: 22"><img src="img/rs-images/apple.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 22 -->
  					<div class="tp-caption customin customout"
  						data-x="118"
  						data-y="219"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-customout="x:0;y:180;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="600"
  						data-start="2000"
  						data-easing="Back.easeOut"
  						data-end="4600"
  			data-endspeed="600"
  						data-endeasing="Bounce.easeOut"
  						data-captionhidden="on"
  						style="z-index: 23"><img src="img/rs-images/apple.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 23 -->
  					<div class="tp-caption customin customout"
  						data-x="251"
  						data-y="208"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-customout="x:0;y:180;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="600"
  						data-start="2100"
  						data-easing="Back.easeOut"
  						data-end="4700"
  			data-endspeed="600"
  						data-endeasing="Bounce.easeOut"
  						data-captionhidden="on"
  						style="z-index: 24"><img src="img/rs-images/apple.png" alt="">
  					</div>
  				</li>
  				<!-- SLIDE  -->
  				<li data-transition="zoomin" data-slotamount="7" data-masterspeed="600" >
  					<!-- MAIN IMAGE -->
  					<img src="img/rs-images/videobg1.jpg"  alt="videobg1"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
  					<!-- LAYERS -->
  
  					<!-- LAYER NR. 1 -->
  					<div class="tp-caption medium_bg_darkblue sfr customout"
  						data-x="129"
  						data-y="88"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="1600"
  						data-easing="Power4.easeOut"
  						data-endspeed="500"
  						data-captionhidden="on"
  						style="z-index: 2">Extensive Video Support
  					</div>
  
  					<!-- LAYER NR. 2 -->
  					<div class="tp-caption medium_bg_red sfr customout"
  						data-x="293"
  						data-y="130"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="1700"
  						data-easing="Power4.easeOut"
  						data-endspeed="500"
  						data-captionhidden="on"
  						style="z-index: 3">Youtube
  					</div>
  
  					<!-- LAYER NR. 3 -->
  					<div class="tp-caption medium_bg_red sfr customout"
  						data-x="314"
  						data-y="173"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="1800"
  						data-easing="Power4.easeOut"
  						data-endspeed="500"
  						data-captionhidden="on"
  						style="z-index: 4">Vimeo
  					</div>
  
  					<!-- LAYER NR. 4 -->
  					<div class="tp-caption medium_bg_red sfr customout"
  						data-x="184"
  						data-y="216"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="1900"
  						data-easing="Power4.easeOut"
  						data-endspeed="500"
  						data-captionhidden="on"
  						style="z-index: 5">Self-Hosted HTML 5
  					</div>
  
  					<!-- LAYER NR. 5 -->
  					<div class="tp-caption medium_bg_orange sfr customout"
  						data-x="90"
  						data-y="357"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="500"
  						data-start="2200"
  						data-easing="Power4.easeOut"
  						data-endspeed="500"
  						data-captionhidden="on"
  						style="z-index: 6">Next Slide: Full Screen Video
  					</div>
  
  					<!-- LAYER NR. 6 -->
  					<div class="tp-caption sft customout"
  						data-x="399"
  						data-y="385"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="1000"
  						data-start="1500"
  						data-easing="Back.easeOut"
  						data-endspeed="500"
  						data-captionhidden="on"
  						style="z-index: 7"><img src="img/rs-images/videoshadow.png" alt="">
  					</div>
  
  					<!-- LAYER NR. 7 -->
  					<div class="tp-caption customin customout"
  						data-x="center" data-hoffset="134"
  						data-y="center" data-voffset="-6"
  						data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  						data-speed="600"
  						data-start="1000"
  						data-easing="Power4.easeOut"
  						data-endspeed="500"
  						data-endeasing="Power4.easeOut"
  						data-autoplay="false"
  						data-autoplayonlyfirsttime="false"
  						style="z-index: 8"><iframe src='http://player.vimeo.com/video/76512663?title=0&byline=0&portrait=0;api=1' width='640' height='360' style='width:640px;height:360px;'></iframe>
  					</div>
  				</li>
  			</ul>
  			<div class="tp-bannertimer"></div>
  		</div>
  	</div>
    <!-- Slider Revolution End -->

  </header>
  <!-- Header End -->
                      
  <div class="space40"></div>                  
                      
  <!-- Content -->    
  <div class="container">
    <div class="row"> 
      <div class="col-md-12">
        <h1>Main Services</h1>
      </div>
    </div>    
  </div>    
  
  <div class="space20"></div>  
  
  <!-- Service --> 
  <div class="container">
    <div class="row">

      <div class="col-md-3">
        <div class="service">  
          <h4>Inovation</h4>
          <p>Separated they live in Bookmarksgrove right at the gee's place coast of the Semantics, large language ocean. Small river serpents.</p>
          <i class="fa fa-signal"></i>
        </div>
        <div class="space40"></div>    
      </div> 
      
      <div class="col-md-3">
        <div class="service">  
          <h4>Web Design</h4>
          <p>Bookmarksgrove sarated they live in marks groove right at the coast of the Semantics, a large language small river tilabuch.</p>
          <i class="fa fa-eye"></i>
        </div>  
        <div class="space40"></div>   
      </div> 
  
      <div class="col-md-3">
        <div class="service">  
          <h4>Retrospective</h4>
          <p>Mantacs, a large language ocurap Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river.</p>
          <i class="fa fa-magic"></i>
        </div>  
        <div class="space40"></div>   
      </div> 
        
      <div class="col-md-3">
        <div class="service">  
          <h4>Development</h4>
          <p>Terrove right at the coast of the Semantics, a large language ocean. A smeparated they live in kmarkall river namebak.</p>
          <i class="fa fa-trophy"></i>   
        </div>  
        <div class="space40"></div>   
      </div> 
      
    </div>
  </div> 
  <!-- Service End --> 

  <div class="space20"></div>

  <div class="container">
    <div class="row">
    
      <div class="col-md-3">
        <!-- Client Says --> 
        <h5>Client Says</h5>
        <div class="client-says">
          <div class="client-text">   
            “Clariteniam, quis nostrud exercitation ullamco laboris. Aute irure dolor in repreh wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut laboenderit in voluptate velit esse cillum dudium lectorum. Mirum est notare quam liquam at erat in purus aliquet mollis. Fusce ele velit nibeh.”
          </div>  
          <div class="client-name">
            <i class="fa fa-quote-right"></i><strong>John Doe</strong>, Evton Inc.
          </div>  
        </div>
        <!-- Client Says End -->
        <div class="space40"></div>    
      </div>
      
      <div class="col-md-6">  
        <!-- Accordion -->
        <h5>Past, Present & Future</h5>
        <div class="accordion" id="accordion2">
          <div class="accordion-group">
            <div class="accordion-heading">
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                Our History
              </a>
            </div>
            <div id="collapseOne" class="accordion-body collapse in">
              <div class="accordion-inner">
                Officia deserunt mollit anie wafer wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Dlit ors vestibulum.
              </div>
            </div>
          </div>
          <div class="accordion-group">
            <div class="accordion-heading">
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                What We're Gonna Do Now?
              </a>
            </div>
            <div id="collapseTwo" class="accordion-body collapse">
              <div class="accordion-inner">
                Pie wafer wypas candy canes toffee. Co adipisicing elit, sed do. Chocolate cake sweet cotton candy toffee topping lollipop. Eeiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in repreh adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
              </div>
            </div>
          </div>
          <div class="accordion-group">
            <div class="accordion-heading">
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
                House Future
              </a>
            </div>
            <div id="collapseThree" class="accordion-body collapse">
              <div class="accordion-inner">
                Dolore magna aliqua. Duis aute irure dolor in repreh adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptaenderit in voluptaokie icing candy jelly oat cake chupa chups bear claw topping applicake. Cookie danish dessert pie. Marshmallow wypas dessert. Chocolate cake sweet cotton candy .
              </div>
            </div>
          </div>
        </div>   
        <!-- Accordion End -->  
        <div class="space40"></div>  
      </div>  
      
      <div class="col-md-3">
        <!-- Progress Bar -->
        <h5>Our Skills</h5>
        <div class="progress-bar-shortcode">
          <div class="progress">          
            <div class="progress-bar" role="progressbar" data-percentage="80">
              <span class="progress-bar-span">Webdesign 82%</span>
            </div>
          </div>  
   
          <div class="progress">         
            <div class="progress-bar" role="progressbar" data-percentage="60">
              <span class="progress-bar-span">Print 70%</span>
            </div>
          </div>  
  
          <div class="progress">          
            <div class="progress-bar" role="progressbar" data-percentage="90">
              <span class="progress-bar-span">WooCommerce 90%</span>
            </div>
          </div>  
 
          <div class="progress">          
            <div class="progress-bar" role="progressbar" data-percentage="100">
              <span class="progress-bar-span">WordPress 100%</span>
            </div>
          </div>  
   
          <div class="progress">          
            <div class="progress-bar" role="progressbar" data-percentage="85">
              <span class="progress-bar-span">Drupal 85%</span>
            </div>
          </div>  
          
          <div class="progress">          
            <div class="progress-bar" role="progressbar" data-percentage="73">
              <span class="progress-bar-span">Joomla 73%</span>
            </div>
          </div>  
        </div>  
        <!-- Progress Bar End -->
        <div class="space40"></div>  
      </div>
         
    </div>
  </div> 
  
  <div class="space20"></div>

  <!-- Recent News -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">  
        <h5>Recent News</h5>
      </div>  
    </div>
  </div> 
  
  <div class="space10"></div>
      
  <div class="container">
    <div class="row popup-gallery">
    
      <div class="col-md-3 col-sm-6">  
      
        <div class="item-box">
          <div class="media-container">
            <img src="img/recent-news/01.jpg" alt="">
            <a href="#" class="icon-left"><i class="fa fa-chain"></i></a>
            <a href="img/recent-news/01.jpg" class="icon-right"><i class="fa fa-arrows-alt"></i></a>
          </div>
          <div class="info-container">
            <h3>Polymerization</h3>
            <h4>10 May 2014 | Comments</h4>
            <p>Solit anie wafer wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          </div>
        </div>
        <div class="space40"></div>  
        
      </div> 

      <div class="col-md-3 col-sm-6">  
      
        <div class="item-box">
          <div class="media-container">
            <img src="img/recent-news/02.jpg" alt="">
            <a href="#" class="icon-left"><i class="fa fa-book"></i></a>
            <a href="img/recent-news/02.jpg" class="icon-right"><i class="fa fa-search"></i></a>
          </div>
          <div class="info-container">
            <h3>Wifi Sync-Start</h3>
            <h4>12 May 2014 | Comments</h4>
            <p>Solit anie wafer wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          </div>
        </div>
        <div class="space40"></div>  
        
      </div> 

      <div class="col-md-3 col-sm-6">  
      
        <div class="item-box">
          <div class="media-container">
            <img src="img/recent-news/03.jpg" alt="">
            <a href="#" class="icon-left"><i class="fa fa-align-left"></i></a>
            <a href="img/recent-news/03.jpg" class="icon-right"><i class="fa fa-search-plus"></i></a>
          </div>
          <div class="info-container">
            <h3>30" Retina Display</h3>
            <h4>14 May 2014 | Comments</h4>
            <p>Solit anie wafer wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          </div>
        </div>
        <div class="space40"></div>  
        
      </div> 
      
      <div class="col-md-3 col-sm-6">  
      
        <div class="item-box">
          <div class="media-container">
            <img src="img/recent-news/04.jpg" alt="">
            <a href="#" class="icon-left"><i class="fa fa-wheelchair"></i></a>
            <a href="img/recent-news/04.jpg" class="icon-right"><i class="fa fa-plus"></i></a>
          </div>
          <div class="info-container">
            <h3>X-ray Inspection</h3>
            <h4>15 May 2014 | Comments</h4>
            <p>Solit anie wafer wypas candy canes toffee. Co adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          </div>
        </div>
        <div class="space40"></div>  
        
      </div> 

    </div>
  </div> 
  <!-- Recent News End -->

  <div class="space40"></div>

  <!-- Partners -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">

        <ul class="partners-6">  
          <li> 
            <img src="img/partners/01.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/02.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/03.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/04.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/05.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/06.png" alt="">
          </li> 
        </ul>

      </div>
    </div>
  </div>      
  <!-- Partners End -->

  <div class="space60"></div>
  <!-- Content End -->
           
  <!-- Footer -->  
  <footer class="footer">

    <!-- Parallax --> 
    <div id="parallax-one" class="parallax" style="background-image:url(img/parallax/02.jpg);">
      <div class="footer-promo">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <h2>MODERN PROMO BOX</h2>
              <h4>Present Yourself</h4>
            </div>
          </div>
        </div>
      </div>
    </div> 
    <!-- Parallax End --> 

    <div class="footer-info">
      <div class="container">
        <div class="row">
          <div class="col-md-3 col-sm-6">
            <h6>ABOUT US</h6>         
            Tingue phasellus mattis mid elementum dictumst dignissa in in risus nunc aaunissim hendrerit nibeh.<br>
            <br>
            Mon – Fri : 10 AM to 5 PM<br>
            Sat – Sun : 10 AM to 2 PM<br>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>RECENT NEWS</h6>      
            <ul class="list-5">
              <li>
                <a href="#"><i class="fa fa-caret-right"></i> Soprav sutoro selo niaculis</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Le insinuyva holeik nelid</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Contrair to batusel korem</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Oncotà fan the opinan</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Sait depdubali behod ratitor</a>
              </li>
            </ul>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>CONTACT INFO</h6>
            81 Sunnyvale Street<br>
            Los Angeles, CA 90185<br>
            United States<br>
            <br>
            <div class="item-icon">
              <i class="fa fa-phone"></i>
              (613) 555-0000-852<br>
            </div>
            <div class="item-icon">
              <i class="fa fa-envelope"></i>
              <a href="mailto:info@riley-template.com">info@riley-template.com</a><br>
            </div>
            <div class="item-icon">
              <i class="fa fa-comment"></i>
              <a href="mailto:chat@riley-template.com">chat@riley-template.com</a><br>
            </div>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>FLICKR PHOTOS</h6>
            <div class="flickr">
              <a href="#"><img src="img/flickr/01.jpg" alt=""></a>
              <a href="#"><img src="img/flickr/02.jpg" alt=""></a>
              <a href="#"><img src="img/flickr/03.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/04.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/05.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/06.jpg" alt=""></a> 
            </div>
            <div class="space30"></div>
          </div>
        </div>
      </div>
    </div>

    <div class="copyright"> 
      <div class="container">  
        <div class="row">
          <div class="col-md-4 col-sm-4">
            <div  class="logo-footer">  
                <img src="img/logo-footer.png" alt="">
            </div>     
          </div>  
          <div class="col-md-8 col-sm-8">
            <div class="copyright-info">
              &copy; 2014 RILEY. All Rights Reserved. Designed & powered by <a href="../index.html" rel="external" class="entiri">entiri</a>
            </div>
          </div>  
        </div> 
      </div>  
    </div>
    
  </footer>     
  <!-- Footer End --> 
  
  <a href="#" class="back-to-top"><span></span></a> 

  <!-- JavaScripts -->
  <script type="text/javascript" src="js/jquery-1.10.2.js"></script>                                                       
  <script type="text/javascript" src="js/bootstrap.js"></script>  
  <script type="text/javascript" src="js/jquery.easing.js"></script>  
  <script type="text/javascript" src="js/jquery.sticky.js"></script>
  <script type="text/javascript" src="js/tinynav.min.js"></script>      
  <script type="text/javascript" src="js/animate.js"></script>
  <script type="text/javascript" src="js/jquery.fitvids.js"></script> 
  <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
  <script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
  <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script> 
  <script type="text/javascript" src="js/retina.js"></script> 
  <script type="text/javascript" src="js/respond.min.js"></script> 
  <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
  <script type="text/javascript" src="js/jquery.refineslide.js"></script>
  <script type="text/javascript" src="layerslider/js/greensock.js"></script>
  <script type="text/javascript" src="layerslider/js/layerslider.transitions.js"></script>
  <script type="text/javascript" src="layerslider/js/layerslider.kreaturamedia.jquery.js"></script>
  <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
  <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
  <script type="text/javascript" src="js/functions.js"></script> 
                                     
</body>
</html>
         
<!-- Localized -->